﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="UserViewGallery.aspx.cs" Inherits="Gallery_UserViewGallery" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">

 <link href="css/main.css" rel="stylesheet" type="text/css" />
    <title></title>
    <style type="text/css" >
        
                        .w60p { margin-left: -30%; width: 60%; } .w300 { margin-left: -150px; width: 300px; } .w640 { margin-left: -320px; width: 640px; }
                        .h60 { height: 60px; margin-top: -60px; } .h400 { height: 400px; margin-top: -200px; } .h386 { height: 386px; margin-top: -193px; }
                        
                        
                         .scroll { overflow-y: scroll; padding: 0 1em; }
                        .boxfocus { bottom: 0; left: 0; right: 0; top: 0; position: absolute; }
                        .boxfocus div { background: #FFFFFF; position: absolute; left: 50%; top: 50%; z-index: 99; }
                        .boxfocus .close a { background-image: url('trans.png'); bottom: 0; left: 0; right: 0; top: 0; position: absolute; z-index: 1; }
    
    </style>
<link href="css/NYKpPzcj59cFilesCSS2.css" rel="stylesheet" type="text/css" />
    <link href="css/jquery.lightbox-0.5.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery.js" type="text/javascript"></script>
    <script src="js/jquery.lightbox-0.5.min.js" type="text/javascript"></script>


     <link href="../Styles/metro.teal.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">




        $(document).ready(function () {

            $('[id$=V1]').click(function () {

          
            });

        }); 
        
        $(function () {
            $('a.lightbox').lightBox(); // Select all links with lightbox class 
        });
         
        
    </script>
</head>


<body>
    <form id="form1" runat="server">
    <div>
    

      <div id="div1" class="tile one bluebg" style="position: relative">
                <span class="selectionBorder">
                <span class="selectionTab"></span>
                </span>
                <span id="SetItemTile-138_3" class="selectArea"></span>
                <a class="lightbox"
                    rel="lightbox" href="photos/image5.jpg">
                    <img class="selectionTab" src="photos/image5.jpg" />
                </a>
            </div>

             <div id="div2" class="tile one bluebg" style="position: relative">
                <span class="selectionBorder">
                <span class="selectionTab"></span>
                </span>
                <span id="Span1" class="selectArea"></span>
                <a class="lightbox"
                    rel="lightbox" href="photos/image3.jpg">
                    <img class="selectionTab" src="photos/image3.jpg" />
                </a>
            </div>


 <div id="div3" class="tile one bluebg" style="position: relative">
                <span class="selectionBorder">
                <span class="selectionTab"></span>
                </span>
                <span id="Span2" class="selectArea"></span>
                <a class="lightbox"
                    rel="lightbox" href="photos/image2.jpg">
                    <img class="selectionTab" src="photos/image2.jpg" />
                </a>
            </div>


            <div id="div4" class="tile one bluebg" style="position: relative">
                <span class="selectionBorder">
                <span class="selectionTab"></span>
                </span>
                <span id="Span3" class="selectArea"></span>
                <a class="lightbox"
                    rel="lightbox" href="photos/image2.jpg">
                    <img class="selectionTab" src="photos/image2.jpg" />
                </a>
            </div>



            
            <div id="div5" class="tile one bluebg" style="position: relative">
                <span class="selectionBorder">
                <span class="selectionTab"></span>
                </span>
                <span id="Span4" class="selectArea"></span>
                <a class="lightbox"
                    rel="lightbox" href="photos/image1.jpg">
                    <img  id="V1" class="selectionTab" src="photos/image1.jpg" />  
                </a>
            </div>














<br />
<br /> 

<br />
<br /> 
<br />
<br /> 
<br />
<br /> 
<br />
<br /> 
<br />
<br /> 
<br />
<br />


    </div>
    </form>
</body>
</html>
